<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/swiper-4.2.2.min.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper-4.2.2.min.js" type="text/javascript" charset="utf-8"></script>
<title>首页</title>
</head>
<body>
<!--轮播图-->
<div class="swiper-container" id="banner">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="images/banner.png"></div>
    <div class="swiper-slide"><img src="images/banner.jpg"></div>
  </div>
  <div class="swiper-pagination"></div>
</div>
<div class="noticebox">
	<!--公告 start-->
  <div class="notice swiper-container" id="notice">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <a href="">恭喜王**成功申请信用卡</a>
      </div>
      <div class="swiper-slide">
        <a href="">恭喜樊**成功申请信用卡</a>
      </div>
    </div>
  </div>
  <!--公告 end-->
</div>
<div class="indexmenu">  
  <a class="item" href="credit_card.html"> <img src="images/u1-1.png" alt="">
    <p>信用卡</p>
  </a>
  <a class="item"> <img src="images/u1-2.png" alt="">
    <p>查询进度</p>
  </a>
  <a class="item" href="loan.html"> <img src="images/u1-3.png" alt="">
    <p>贷款</p>
  </a>
  <a class="item" href="pos.html"> <img src="images/u1-4.png" alt="">
    <p>pos机</p>
  </a>
  <a class="item"> <img src="images/u1-5.png" alt="">
    <p>保险</p>
  </a>
  <a class="item"> <img src="images/u1-6.png" alt="">
    <p>彩票</p>
  </a>
  <a class="item"> <img src="images/u1-7.png" alt="">
    <p>查征信</p>
  </a>
  <a class="item"> <img src="images/u1-8.png" alt="">
    <p>积分兑换</p>
  </a>
</div>
<!--广告图-->
<div class="ad"> <img src="images/ad.png" alt=""> </div>
<!--新闻列表-->
<div class="newslist">
  <a href="news_show.html" class="item">
    <div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
    <div class="info">
      <h3>全民拆红包</h3>
      <p>成功申请信用卡、小额贷款，即可免费拆得1~188元现金红包。</p>
    </div>
  </a>
  <a href="news_show.html" class="item">
    <div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
    <div class="info">
      <h3>全民拆红包</h3>
      <p>成功申请信用卡、小额贷款，即可免费拆得1~188元现金红包。</p>
    </div>
  </a>
  <a href="news_show.html" class="item">
    <div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
    <div class="info">
      <h3>全民拆红包</h3>
      <p>成功申请信用卡、小额贷款，即可免费拆得1~188元现金红包。</p>
    </div>
  </a>
  <a href="news_show.html" class="item">
    <div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
    <div class="info">
      <h3>全民拆红包</h3>
      <p>成功申请信用卡、小额贷款，即可免费拆得1~188元现金红包。</p>
    </div>
  </a>
</div>
<div class="company_info">
	<p class="img"><img src="images/b.png"/></p>
	<p class="txt">客服热线：4000786871&nbsp;&nbsp;商务合作： bd@zonbank.cn </p>
	<p class="txt">@2017 一 2018 Zonbank . All rights reserved.</p>
	<p class="ewm"><img src="images/ewm.png"/></p>
	<p class="txt">长按识别二维码关注微信公众号：融合金服平台</p>
</div>
<div class="he"></div>
<div class="botmenu">
  <a href="index.html" class="bmenu home active"> 首页 </a>
  <a href="poster.html" class="bmenu zqh"> 海报 </a>
  <a href="find.html" class="bmenu th"> 发现 </a>
  <a href="user.html" class="bmenu my"> 个人中心 </a>
</div>
</body>
</html>
<script type="text/javascript">
var banner = new Swiper('#banner', {
  autoplay: true,
  pagination: {
    el: '.swiper-pagination',
  },
  observer: true,
  observeParents: true
});
var notice = new Swiper('#notice', {
  autoplay: true,
  direction: 'vertical',
  loop: true,
  observer: true,
  observeParents: true
})
</script>